<template>
  <div id="menu">
    <a-layout style="height: 100%">
      <a-layout-header>
        <GlobalHeader />
      </a-layout-header>
      <a-layout-content>
        <router-view />
      </a-layout-content>
      <a-layout-footer class="footer">Footer</a-layout-footer>
    </a-layout>
  </div>
</template>

<style scoped>
#menu {
  position: absolute;
  width: 100%;
  height: 100%;
}

.footer {
  background-color: #42b983;
  position: static;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
</style>
<script>
import GlobalHeader from "@/components/GlobalHeader";

export default {
  components: { GlobalHeader },
};
</script>
